
/**********************nav***************************/

._nav{
    height: 37px;
    
    .general{float: left;
        height: 37px;
        width: 200px;
        background: #000;
        .t{
            font-size: 14px;
            color: #fff;
            line-height: 37px;
            text-align: center;
        }    
            ul{
               display: none;
                position: absolute;
                z-index: 2;
                height: 450px;
                width: 200px;
                
                li{
                   height: 50px;
                   width: 200px;
                   background: red;
                   border-bottom:1px solid #E81A29 ;
                   &:hover{
                       background: #ec9f1b;
                       font-weight:800 ;     
                   }
                   a{
                       color: #fff;
                       text-align: center;
                       line-height: 50px;
                       border-bottom:1px solid #E81A29 ;
                   } 
                }
            }
        
    }
    ul{
        li{
            float: left;
            padding:0 18px;
            a{text-align: center;
                line-height: 37px;
                color: #000000;            
            }
        }
    }
}   

/********************banner****************/
#banner{
    .swiper-container {
                width: 1190px;
                height: 450px;
            }
    .swiper-pagination span {
                height: 20px;
                width: 20px;
                color:#8FC31F;
                font-weight: 900;
            }        
}
/*********************jx***********************/
#jx{
    background: #f9f9f9;
._jx{
    margin-top:26px ;
    h3{
        height: 43px;
        width: 200px;
        background: #70c4d8;
        img{
            
            float: left;
            margin: 7px 0 0 35px;
        }
        p{
            margin:7px 0 0 10px;
            float: left;
            font-size: 20px;
            color: #F9F9F9;
        }
    }
}
._jx01{
    height: 338px;
    width: 1190px;
   
    img{
        &:hover{
            -webkit-box-shadow:0 0 20px rgba(0, 204, 204, .5);  
            -moz-box-shadow:0 0 20px rgba(0, 204, 204, .5);  
            box-shadow:0 0 20px rgba(0, 204, 204, .5);
            transition: all 1s;
            transform: scale(1.07);
           
        };
        float: left;
        margin-right: 15px;
    }
}
}


/***************jx********************/
#xq{
    background: #f9f9f9;
._xq{
    margin-top:26px ;
    h3{
        height: 43px;
        width: 200px;
        background: #70c4d8;
        text-align: center;
        
        p{
            margin:7px 0 0 30px;
            float: left;
            font-size: 20px;
            color: #F9F9F9;
            
        }
    }
}    
    ._xq01{
    height: 300px;
    width: 1190px;
  
    img{
        height: 280px;
        width: 280px;
        &:hover{
            -webkit-box-shadow:0 0 20px rgba(0, 204, 204, .5);  
            -moz-box-shadow:0 0 20px rgba(0, 204, 204, .5);  
            box-shadow:0 0 20px rgba(0, 204, 204, .5);
            transition: all 1s;
            transform: scale(1.07);
        };
        float: left;
        margin-right: 15px;
    }
}
}





/******************hot*****************************/

#hot{
    overflow: hidden;
    background: #F9F9F9;
    ._hot{
        h3{
            height: 43px;
            width: 200px;
            background: #f5a01a;
            img{
                
                float: left;
                margin: 7px 0 0 25px;
            }
            p{
                margin:7px 0 0 10px;
                float: left;
                font-size: 20px;
                color: #F9F9F9;
            }
        }
        
    }
    ._hot01{
        height: 297px;
            width: 1155px;
            overflow: hidden;
        ul{width: 38px;
        height:120px ;
        position: absolute;
        right:43px;
            li{
                margin-bottom: 15px;
                height:35px;
                width: 35px;
                border: 2px solid #C5C5C5;
                border-radius:50% ;
                text-align: center;
                line-height: 35px;
               
            }
            
            
        }
        margin-left: 37px;
        
        .page01,.page02,.page03{
            height: 297px;
            width: 1155px;
           
            .food01{
                img{
                    &:hover{
                        -webkit-box-shadow:0 0 40px rgba(238, 173 ,14 ,.5);  
                        -moz-box-shadow:0 0 40px rgba(238, 173 ,14 ,.5);  
                         box-shadow:0 0 40px rgba(238 ,173, 14, .5);
                    }
                }
                background: #fff;
                float:left ;
                margin-right:11px ;
                height: 277px;
                width: 217px;
                //border: 1px solid #CCCCCC ;
                p{
                    margin:7px 0 0 3px ;
                    font-size:14px ;
                    span{
                        color: red;
                    }
                }
            }
        }
    }
}
.hover{
               margin-bottom: 15px;
                height:35px;
                width: 35px;
                border: 2px solid #FDDFDF;
                border-radius:50% ;
                text-align: center;
                line-height: 35px;
                color: #fff;
                background: #e84652; 
            }
            

.hider{
            display: none;
        }

/*********************like*********************/
#like{
    background: #F9F9F9;
    
    ._like{
        h3{
            height: 43px;
            width: 200px;
            background: #e01745;
            img{
                
                float: left;
                margin: 7px 0 0 25px;
            }
            p{
                margin:7px 0 0 10px;
                float: left;
                font-size: 20px;
                color: #F9F9F9;
            }
        }
        
    }
    ._like01{
        height: 297px;
            width: 1155px;
            overflow: hidden;
        ul{width: 38px;
        height:120px ;
        position: absolute;
        right:43px;
            li{
                margin-bottom: 15px;
                height:35px;
                width: 35px;
                border: 2px solid #C5C5C5;
                border-radius:50% ;
                text-align: center;
                line-height: 35px;
               
            }
            
            
        }
        margin-left: 37px;
        
        .page01,.page02,.page03{
            height: 297px;
            width: 1155px;
           
            .food01{
                
                background: #fff;
                float:left ;
                margin-right:11px ;
                height: 277px;
                width: 217px;
                //border: 1px solid #CCCCCC ;
                img{
                    &:hover{
                        -webkit-box-shadow:0 0 30px rgba(   255 ,0, 0, .5);  
                        -moz-box-shadow:0 0 30px rgba(  255, 0 ,0, .5);  
                        box-shadow:0 0 30px rgba(   255, 0, 0, .5);
                    }
                }
                p{
                    margin:7px 0 0 3px ;
                    font-size:14px ;
                    span{
                        color: red;
                    }
                }
            }
        }
    }
}
.hover{
               
                background: #e84652; 
            }
            

.hider{
            display: none;
        }
/**************send************/
#send{
    overflow: hidden;
    background: #F9F9F9;
    ._send{
        height: 75px;
        img{
            margin-top: 20px;
        }
    }
}
/***************fresh***********************/
#fresh,#use{
    background: #F9F9F9;
    overflow: hidden;
    ._fresh,._use{
        height: 720px;
        
        .flour01,.use01{
            
            height: 47px;
            border-bottom: 4px solid #999;
            img{
                float: left;
            }
            .fs{
                float: left;
                font-size: 32px;
                color: #f90035;
                margin-left:5px ;
            }
            .head01{
                float: left;
                margin: 8px 0 0 140px;
                li{
                    float: left;
                    height: 31px;
                    width: 95px;
                    font-size:14px ;
                    color: #999999;
                    line-height: 31px;
                    text-align: center;
                    
                }
            }
            .head02{
                margin: 25px 0 0 341px;
                float: left;
                li{
                    float: left;
                    height: 10px;
                    
                  
                    p{
                        font-size:12px ;
                        color: #999999;
                        padding: 0 13px;
                        border-right:1px solid #999;
                    }
                    
                }
                ._last{
                        border-right:  0 ;
                    }
            }
        }
        .left{
            height: 625px;
            width: 250px;
            background: #FFFFFF;
            float: left;
            overflow: hidden;
            ul{
                float: left;
                margin: 12px 0 0 10px;
                li{
                    float: left;
                    height: 26px;
                    width: 100px;
                    border-bottom: 1px solid #999;
                    margin: 5px  19px 0 0;
                    a{
                        color: #999;
                        font-size: 12px;
                    }
                }
            }
            img{
                margin-top: 170px;
                }
        }
        .center{
            float: left;
            ._center01{
                height: 620px;
                width:680px;
                li{
                    float: left;
                    height: 280px;
                    width: 215px;
                    background: #fff;
                    margin: 20px 10px 0 0 ;
                    p{
                        a{
                            font-size: 14px;
                            color: #999;
                        }
                        span{color: red;}
                    }
                    img{
                    &:hover{
            -webkit-box-shadow:0 0 20px rgba(0, 204, 204, .5);  
            -moz-box-shadow:0 0 20px rgba(0, 204, 204, .5);  
            box-shadow:0 0 20px rgba(0, 204, 204, .5);
            transition: all 0.5s;
            transform: scale(1.04);
        };
                }  
                }
            }
        }
        
    }
}
.hover01{
    border: 4px solid #f90035;
    font-weight: 900;
    border-radius:50% ;
    background: #f90035;
    color: #fff;
}
.hover010{
    border: 4px solid #ff9900;
    font-weight: 900;
    border-radius:50% ;
    background: #ff9900;
    color: #fff;
}


#xf{
    height: 318px;
    width:74px;
    display: none;
    position: fixed;
    bottom:15px ;
    right: 10px;
    ul{
        li{
            float: left;
            height: 63px;
            width: 56px;
            overflow: hidden;
            border: 1px solid #999;
        }
    }
    .ma{
        
            height: 35px;
            width: 32px;
        .ma01{
            display: block;
            float: left;
            height: 35px;
            width: 32px;
        }
    }
}

#xf02{
    height: 318px;
    width:74px;
    display: none;
    position: fixed;
    bottom:-175px ;
    right: 117px;
}


